<?php
extract($plan);
$fecha_final_plan=$finperiodo;
?>
<form name="form_finaliza" method="post" action="<?php echo base_url()?>index.php/social/finaliza_plan" enctype="multipart/form-data" accept-charset="utf-8">
<input type="hidden" name="id_plan" value="<?php echo $id_plan ?>">
	<div id="wizard" class="swMain">
        <ul>
            <li>
                <a href="#step-1">
                    <span class="stepNumber">1<small>er</small></span>
                    <span class="stepDesc">
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Paso<br/>
                        <small>&nbsp;Memoria</small>
                    </span>
                </a>
            </li>
            <li>
                <a href="#step-2">
                    <span class="stepNumber">2<small>do</small></span>
                    <span class="stepDesc">
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Paso<br/>
                        <small>&nbsp;N° Horas</small>
                    </span>
                </a>
            </li>
            <li>
                <a href="#step-3">
                    <span class="stepNumber">3<small>er</small></span>
                    <span class="stepDesc">
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Paso<br/>
                        <small>&nbsp;Documento</small>
                    </span>
                </a>
            </li>
        </ul>
        <div id="step-1">
        	<h2 class="StepTitle">Datos de Memoria</h2>
            <p>
            	<label>Memoria N°: </label>
                <input type="text" name="numero_memoria" id="numero_memoria">

            	<label>Fecha de finalización: </label>
                <input type="text" name="fin_memoria" id="fin_memoria" />
            </p>
            <br />
            <p>
            	<label>Plan Número: </label> <strong><?php echo $numero ?></strong>
            </p>
            <p>
            	<label>Título: </label> <strong><?php echo $titulo; ?></strong>
            </p>
            <p>
            	<label>Período: </label> Del <strong><?php echo $inicioperiodo; ?></strong> al <strong><?php echo $finperiodo ?></strong>
            </p>
           <?php
		   	if(!empty($prorroga))
		    {
				$i=1;
				echo "<p><label>Prórroga(s): </label><br>";
				foreach($prorroga as $pr)
				{
					echo "<label>".$i." - </label> Del <strong>".$pr['fecha_inicial']."</strong> al <strong>".$pr['fecha_final']."</strong> <br>";
					$i++;
					$fecha_final_plan=$pr['fecha_final'];
				}
				echo"</p>";
			}
			?>
            <input type="hidden" name="fecha_final_plan" id="fecha_final_plan" value="<?php echo $fecha_final_plan; ?>" />
            <input type="hidden" name="max_fecha" id="max_fecha" value="<?php //echo $max_fecha ?>" />
        </div>
        <div id="step-2">
        	<h2 class="StepTitle">Número de Horas por Estudiante</h2>
            <p>
            	<table class="table_design" cellpadding="0" cellspacing="0" align="center" style="width:50% !important">
                <thead>
                	<tr>
                        <th>Estudiante</th>
                        <th>Horas Aprobadas</th>
                        <th>Cambiar</th>
                    </tr>
                </thead>
                <tbody>
                	<?php
					foreach($estudiantes as $est)
					{
						echo "<tr>";
						echo "<td width='50%'>".ucwords($est['estudiante'])."</td>";
						echo "<td width='15%' align='center'><input type='text' name='num_horas[]' value='".$est['num_horas']."' id='".$est['id_estudiante']."' disabled='disabled' size='5px'></td>";
						echo "<td width='5%' align='center'><input type='checkbox' name='cambiar[]' value='".$est['id_estudiante']."' onclick='cambiar(".$est['id_estudiante'].",this)'></td>";
						echo "</tr>";
					}
                    ?>
                </tbody>
                </table>
            </p>
        </div>
        <div id="step-3">
        	<h2 class="StepTitle">Subir Documento</h2>
            <p>
            	<label>Documento de Memoria: </label>
                <input type="file" name="userfile" id="userfile" onchange="validate_fileupload(this.value)">
            </p>
        </div>
    </div>
</form>
<script>
$(document).ready(function(){
	
	$('#wizard').smartWizard();
	
	var end=$("#fin_memoria").kendoDatePicker({
		format: "dd-MM-yyyy"		 
	}).data("kendoDatePicker");
	
	end.min(document.getElementById('fecha_final_plan').value);
	
	$('#numero_memoria').validacion({
		req:true,
		patt: /^([M]{1}[./]{1}[0-3]{1}[0-9]{1}[.-][0|1]{1}[0-9]{1}[.-][2]{1}[0-9]{3}[./][I|V|X|L]{1,2}[.-]{1}[0-9]{1,4})$/i,
		men: "formato correcto: M/dd-mm-aaaa/XX-####"
	});
	$('#fin_memoria').validacion({
		req:true,
		valFecha:true
	});
	$('#userfile').validacion({
		req:true
	});
});


function validate_fileupload(fileName)
{
    var allowed_extensions = new Array("DOC","doc","DOCX","docx","PDF","pdf","XPS","xps","JPG","jpg","PNG","png","GIF","gif");
    var file_extension = fileName.split('.').pop(); // split function will split the filename by dot(.), and pop function will pop the last element from the array which will give you the extension as well. If there will be no extension then it will return the filename.
    var tipoArchivo= false;
    for(var i = 0; i <= allowed_extensions.length; i++)
    {
        if(allowed_extensions[i]==file_extension)
        {
     		tipoArchivo=true;
            return true; // valid file extension
            
        }
    }
    alertify.alert("Seleccione un archivo válido, de formato: .doc | .docx | .pdf | .xps | .jpg | .png | .gif");
	tipoArchivo=false;
    return false;
}

function cambiar(id,chk)
{
	var hr=document.getElementById(id);
	if(chk.checked==true) hr.disabled=false;
	else hr.disabled=true;
}
</script>